 document.addEventListener('DOMContentLoaded', function() {
    const mains = document.querySelector('.fin-main');
    let activeElement = null; // 跟踪当前激活的元素
    
    // 定义完结榜接口地址
    const url = 'https://naodongapi.zongheng.com/planet/ranks?pageNum=1&pageSize=10&isFavorite=1&rankType=9';
    
    // 初始加载完结榜数据
    loadData(url);
    
    // 加载数据的函数
    function loadData(url) {
        fetch(url)
            .then(res => res.json())
            .then(res1 => {
                // console.log('加载完结榜数据:', res1.result.items);
                const items = res1.result.items;
                
                // 清空容器
                mains.innerHTML = '';
                
                // 生成列表项：循环创建10个main-line
                items.forEach((item, index) => {
                    mains.innerHTML += `
                        <div class="main-line1" data-index="${index}"> <!-- 添加data-index便于定位 -->
                            <div class="line-one1">
                                <span>${index + 1}</span>
                                <div class="one1">${item.bookName}</div>
                            </div>
                            <div class="line-two1">
                                <div>${index + 1}</div>
                                <div class="line-two-name1">
                                    <div class="two21">${item.bookName}</div>
                                    <div class="name1"  onclick="diji()">${item.authorName}</div>
                                </div>
                                <div>
                                    <img src="${item.coverUrl}" alt="${item.bookName}的封面">
                                </div>
                            </div>
                        </div>
                    `;
                });
                
                // 获取所有main-line元素
                const mainLines = document.querySelectorAll('.main-line1');
                
                // 初始化显示状态：直接定位第一个元素，无需复杂判断
                initDisplay(mainLines);
                
                // 绑定鼠标事件
                bindEvents(mainLines);
            })
            .catch(err => {
                console.log('获取完结榜数据出错:', err);
            });
    }
    
    // 初始化显示状态：仅确保第一个元素的line-two正常显示（依赖CSS默认样式）
  function initDisplay(elements) {
        elements.forEach((el, index) => {
            const lineOne = el.querySelector('.line-one1');
            const lineTwo = el.querySelector('.line-two1');
            
            if (index === 0) {
                
                lineOne.style.display = 'none';
                lineTwo.style.display = 'flex';
                activeElement = el; 
            } else {
                lineOne.style.display = 'flex';
                lineTwo.style.display = 'none';
            }
        });
    }
    
    // 绑定鼠标事件：保持原有逻辑，仅在鼠标交互时切换显示
    function bindEvents(elements) {
        elements.forEach(el => {
            // 鼠标进入：当前元素显示line-two，其他显示line-one
            el.addEventListener('mouseenter', () => {
                if (activeElement && activeElement !== el) {
                    // 其他元素：显示line-one，隐藏line-two
                    activeElement.querySelector('.line-one1').style.display = 'flex';
                    activeElement.querySelector('.line-two1').style.display = 'none';
                }
                // 当前元素：显示line-two，隐藏line-one
                el.querySelector('.line-one1').style.display = 'none';
                el.querySelector('.line-two1').style.display = 'flex';
                
                // 更新激活元素
                activeElement = el;
            });
            
            // 鼠标离开：如果未移到其他列表项，保持当前元素line-two显示
            el.addEventListener('mouseleave', (e) => {
                const isMovingToAnotherLine = Array.from(elements).some(line => 
                    line !== el && line.contains(e.relatedTarget)
                );
                
                if (!isMovingToAnotherLine) {
                    el.querySelector('.line-one1').style.display = 'none';
                    el.querySelector('.line-two1').style.display = 'flex';
                    activeElement = el;
                }
            });
        });
    }
});

//  const tabs = document.querySelectorAll('.co-tit .tit1');
//         const tabContents = document.querySelectorAll('.tab-content');

//         // 2. 给每个标签添加点击事件
//         tabs.forEach(tab => {
//             tab.addEventListener('click', function() {
//                 // 2.1 获取当前点击标签的data-tab值（如info、catalog、circle）
//                 const currentTab = this.getAttribute('data-tab');

//                 // 2.2 移除所有标签的titr类，给当前标签添加titr类
//                 tabs.forEach(t => t.classList.remove('titr'));
//                 this.classList.add('titr');

//                 // 2.3 隐藏所有内容区域，显示当前标签对应的内容区域
//                 tabContents.forEach(content => {
//                     content.classList.remove('active');
//                 });
//                 document.getElementById(`${currentTab}-content`).classList.add('active');
//             });
//         });

// const list =document.querySelector('catalog-content')
// axios.post('https://bookapi.zongheng.com/api/chapter/getChapterList',{
//     bookId: 672340
// }).then(res=> {
//     console.log(res.data.result.chapterList)
//     res.data.result.chapterList.forEach(item=> { 
//         list.innerHTML += `
//                 <div class="detail-catalog">
//                         <div class="chapter-list">
//                             <div class="chapter-list--title">
//                                 第一卷 笼中雀<span class="title-chapterInfo">共88章·本卷共404621字</span>
//                             </div>
//                             <div class="chapter-list--wrap">
//                                 <div class="chapter-list--item-main">第一章 惊蛰</div>
//                                 <div class="chapter-list--item-main">
//                             </div>
//                                 <div class="chapter-list--item-main"></div>
//                             </div>
                            
                                
                            
//                         </div>
//                     </div>
//         `
           
//     });
// }).catch(err=> {
// })

document.addEventListener('DOMContentLoaded', function() {
    // 标签切换逻辑
    const tabs = document.querySelectorAll('.co-tit .tit1');
    const tabContents = document.querySelectorAll('.tab-content');

    tabs.forEach(tab => {
        tab.addEventListener('click', function() {
            const currentTab = this.getAttribute('data-tab');
            
            // 切换标签样式
            tabs.forEach(t => t.classList.remove('titr'));
            this.classList.add('titr');
            
            // 切换内容显示
            tabContents.forEach(content => {
                content.classList.remove('active');
            });
            const activeContent = document.getElementById(`${currentTab}-content`);
            activeContent.classList.add('active');
            
            // 当切换到目录标签时加载章节列表
            if (currentTab === 'catalog') {
                loadChapterList();
            }
        });
    });

    // 加载章节列表的函数
    function loadChapterList() {
        const list = document.querySelector('#catalog-content'); // 修正选择器，添加ID选择符#
        if (!list) return; // 如果容器不存在则退出
        
        // 避免重复加载，先清空现有内容
        list.innerHTML = '';
        
        axios.post('https://bookapi.zongheng.com/api/chapter/getChapterList', {
            bookId: 672340
        }).then(res => {
            console.log('章节列表数据:', res.data.result.chapterList);
            res.data.result.chapterList.forEach(item=> { 
                let str=''
                item.chapterViewList.forEach(ite=> { 
                    str+=`
                             <div class="chapter-list--item-main">${ite.chapterName}</div>
                    `
})
        list.innerHTML += `
                <div class="detail-catalog">
                        <div class="chapter-list">
                            <div class="chapter-list--title">
                               ${item.tome.tomeName}<span class="title-chapterInfo">共${item.tomeTotalChapterNum}章·本卷共${item.tomeTotalWords}字</span>
                            </div>
                            <div class="chapter-list--wrap">
                               ${str}
                            </div>
                            
                                
                            
                        </div>
                    </div>
        `
           
    });
        
            
        }).catch(err => {
            console.error('加载章节列表出错:', err);
            list.innerHTML = '<div class="load-error">章节加载失败，请稍后重试</div>';
        });
    }

    // 初始化时如果默认显示目录标签，则加载章节列表
    const defaultActiveTab = document.querySelector('.co-tit .tit1.titr');
    if (defaultActiveTab && defaultActiveTab.getAttribute('data-tab') === 'catalog') {
        loadChapterList();
    }
});

jump=()=>{
    window.location.href='index.html'
}
jump1=()=>{
    window.location.href='bookstock.html'
}
jump2=()=>{
    window.location.href='naodongxingqiu_paihang.html'
}
to=()=>{
    console.log(9999)
     const inputElement = document.querySelector('.search input');
    const searchText = inputElement.value.trim();
        console.log(searchText);
        inputElement.value = '';
        window.location.href = 'shearh.html?searchText=' + searchText;
}